<template>
    <div class='third'>
        <img src="@/assets/images/login/success.png" alt="" class='third-img'>
        <div class='third-text'>{{props.email}}</div>
        <div class='third-success-text'>{{t('login.success')}}</div>
        <div class='submit'>
    <van-button round block type="primary" native-type="submit" @click="onNext">
      {{t('login.backlogin')}}
    </van-button>
  </div>
    </div>
</template>
<script setup>
  import { ref,reactive } from "@vue/reactivity";
  import {defineEmits} from 'vue'
  import { useI18n } from 'vue-i18n';
  const props = defineProps({
  email: "",
});
  const { t } = useI18n()
  const emit=defineEmits(['onNext'])
  const data=reactive({
    qq:'132525125621@qq.com'
  })
  function onNext(){
    emit('onSubmit',{type:3,isAdd:true})
  }
</script>
<style lang="less" scoped>
.third{
    padding-top:47px;
    text-align: center;
    &-img{
        width:190px;
        margin-bottom: 32px;  
    }
    &-text{
        color:var(--van-primary-color);       
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
    }
    &-success-text{
        font-size: 27px;
        font-weight: bold;
        color:var(--van-primary-color);
        line-height: 27px;  
        margin-top:17px;
        margin-bottom:19px;
    }
    .submit{
    margin:20px 55px;
    text-align: center;
     &-text{
      color:var(--van-primary-color);
      text-decoration: underline;
      margin-top:17px;
      cursor: pointer;
    }
  }
}
</style>